<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Http Put 方式请求</title>
    <!-- Include All Stylesheet -->
    <link rel="stylesheet" href="css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" href="css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" href="css/preset.css" th:href="@{/css/preset.css}">
    <link rel="stylesheet" href="css/animate.css" th:href="@{/css/animate.css}">
    <link rel="stylesheet" href="css/owl.carousel.css" th:href="@{/css/owl.carousel.css}">
    <link rel="stylesheet" href="css/owl.theme.css" th:href="@{/css/owl.theme.css}">
    <link rel="stylesheet" href="css/magnific-popup.css" th:href="@{/css/magnific-popup.css}">
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}">
    <link rel="stylesheet" href="css/responsive.css" th:href="@{/css/responsive.css}">
    <link id="color-preset" rel="stylesheet" type="text/css" href="css/presets/preset1.css"
          th:href="@{/css/presets/preset1.css}">

    <style type="text/css">
        input, select {
            border-radius: 2px;
            width: 180px;
            padding: 2px;
        }
    </style>
</head>
<body>
<!-- Header Area Start 公共的头部-->
<!--th:replace 表达式：用目标模板内容来替换自己，引用的同时传递参数-->
<div th:replace="commonsTemplate::commonsHead(httpPut)"></div>

<div style="width: 500px;height:580px;border: #1b6d85 1px solid;border-radius:3px;margin: auto;padding: 20px">
    <form action="" method="post" th:action="@{/example/httpPut}">
        <!--form的method只有get与post两种，使用put方式时：-->
        <!--创建一个input隐藏项，name强制为 "_method"，value值就指定此form请求的方式-->
        <!--th:if 表达式：条件满足时生成标签，否则不生成标签-->
        <input type="hidden" name="_method" value="put" th:if="${user!=null}">
        <!--主键id做成隐藏项，修改时根据id进行修改-->
        <input type="hidden" name="id" th:if="${user!=null}" th:value="${user.id}">
        <!--三元运算符，当user不等于null时，取User的属性值，否则为空-->
        姓名：<input type="text" name="name" th:value="${user!=null}?${user.name}"><br><br>
        薪水：<input type="text" name="salary" th:value="${user!=null}?${user.salary}"><br><br>
        学历：
        <select name="education">
            <!--th:each 表达式用于遍历集合，如果当前学历项等于用户的学历，则让它默认选中-->
            <option th:each="education:${educationArr}"
                    th:text="${education}"
                    th:value="${education}"
                    th:selected="${user.education!=null}?${user.education==education}"></option>
        </select><br><br>
        <!--#dates.format 是 thymeleaf 格式化日期的方式-->
        生日：<input type="text" name="birthday"
                  th:value="${user.birthday!=null}?${#dates.format(user.birthday, 'yyyy-MM-dd HH:mm:ss')}"><br><br>
        <button type="submit" class="btn btn-primary">修改</button>
        <br><br>
    </form>
</div>
<!-- Footer Area Start 公共的底部-->
<!--th:replace 表达式：用目标模板内容来替换自己.-->
<div th:replace="commonsTemplate::commonsFooter"></div>

</body>
</html>